<template>
	<div class="single-result-show-area">
		<div class="left">
			<div class="left-value">
				<el-tag class="each-left-value" v-for="(item, index) in showData.simWord" :style="{ background: color[Math.floor(Math.random() * 20)] }" :key="index">{{ item }}</el-tag>
			</div>
		</div>
	</div>
</template>

<script>
export default {

	props: {
		showData: { type: Object 	}
	},

	data: function () {
		return {
			color: ["#d07f7f", "#488fce", "#c7aee7", "#cccccc", "#99cc67", "#96dbf8",
      "#986699", "#ffcccb", "#67ccaa", "#ff9899", "#ffcb99", "#96dbf8", "#8ea4de",
      "#c9aaca", "#9acccd", "#4dd9e6", "#f48363", "#bec3cc", "#b9eca0", "#b73737"
			]
		}
	}


}
</script>

<style lang="less" scoped>
	.single-result-show-area {
		width: 100%;
		height: calc(~'100% - 60px');
		box-sizing: border-box;
		padding: 30px;
	}

	.left {
		float: left;
		height: 100%;
		overflow: auto;
		width: 100%;
	}

	.each-left-value {
		color: #333333;
		margin: 6px;
		cursor: pointer;
	}
</style>
